<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:68:"D:\wamp64\www\tch\public/../application/index\view\index\living.html";i:1553582665;}*/ ?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="full-screen" content="yes" />
	    <meta name="x5-fullscreen" content="true" />
	    <meta name="browsermode" content="application" />
	    <meta name="x5-page-mode" content="app" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
       <!--css-->
       <link rel="stylesheet" href="/tch/public/static/assetsindex/css/common.css" />
       <style>
       	
#fb{float: right;display: block;font-size:0.9333rem;line-height: 2.9333rem;margin-right: 5%;background: none;border:none;}
			.z_photo {width: 100%;height:100%;overflow: auto;clear: both;margin: 0.6666rem auto;}
			.z_photo img {width: 3rem;height: 3rem;border: none;}
		
			.z_addImg {float: left;margin-left:4.5%;border: none;margin-top: -0.3333rem;margin-bottom: 0.6666rem;}
	
			.z_file {width:3rem;height: 3rem;background: url(/tch/public/static/assetsindex/imgs/z_add.png) no-repeat;background-size: 3rem 3rem;float: left;margin-left: 5%;}
	
			.z_file input::-webkit-file-upload-button {width:6.6666rem;height:  6.6666rem;border: none;position: absolute;outline: 0;opacity: 0;}
			.z_file input#file {display: block;width: 6.6666rem;border: 0;vertical-align: middle;}

       </style>
        <link rel="stylesheet" href="/tch/public/static/assetsindex/css/wuyebaoxiu.css" />
        <link rel="stylesheet" href="/tch/public/static/assetsindex/font/iconfont.css">
        <script>
        	// 条件：尺寸越大，则字体大小越大。尺寸越小，则字体大小越小。
			// 获取html节点
			var html = document.getElementsByTagName('html')[0];
			// 获取屏幕宽度
			var pageWidth=document.documentElement.clientWidth;
			//alert(pageWidth);
			// 屏幕宽度 / 固定数值 = 基准值 1rem=25px
			html.style.fontSize = pageWidth /15 + "px";
        </script>
		<title>物业报修</title>
	</head>
	<body>
		<div id="head">
			<a href="index.html">
				<i class="iconfont icon-back"></i>
			</a>
		</div>
		<div id="biao">
			<img src="/tch/public/static/assetsindex/imgs/846642102222380728.png">
		</div>
		
		<div id="first">
			<div id="top1">
			<div style="width: 90%; margin: 0 auto; margin-top: 0.3rem; color:#0061BC;font-size: 0.5rem;">
				此系统旨在搭建公开透明阳光化物业维修工作平台，提高公寓管理的信息化服务水平。范围限于大学生生活园区内水、电、暖和公共设施等的维修保养，填写要求内容详实，要素齐全，标*为必填项
			</div>
			</div>
			<form action="<?php echo url('addinfo'); ?>" method="post" enctype="multipart/form-data">
			<ul>
			<input type="hidden" name="rid" value="3">
				<li>
					<span>姓名：</span>
					<input type="text" name="name" placeholder="*" required/>
				</li>
				<li>
					<span>邮箱：</span>
					<input type="email" name="mail" placeholder="*"  required/>
				</li>
				<li>
					<span>手机号：</span>
					<input type="tel" name="tele"  placeholder="*" required />
				</li>
				<!-- <li style="width: 80%;">
					<span>身份选择：</span>
					<span><select name="identity" name="identity" style="width: 6rem;">	
										<option value="在校生">在校生</option>
										<option value="毕业生">毕业生</option>
										<option value="教师">教师</option>
										<option value="家长">家长</option>
										<option value="其他">其他</option>
									</select></span>
				</li> -->
				<li style="width: 100%;">
					<span>区域选择：</span>
					<select name="area" id="area" style="width: 3rem;" required>	
										<option value="">期号</option>
										<option value="二期">二期</option>
						                <option value="三期">三期</option>  
									</select>

					<select name="building" id="building" style="width: 3rem;" required>	
										<option value="">楼号</option>  
									</select>
				</li>
			
				<!-- <li>
					<textarea name="dortext" placeholder="填写自己寝室号" id="" cols="30" rows="10"></textarea>
				</li> -->
				<li style="width: 90%;">
					<span>报修地点：</span>
					<input type="text" name="dortext" placeholder="*" required />
				</li>
			<li>
					<span style="width: 20%; display: inline-block; text-align: left;">预约维修时间：</span>
					<input type="text" name="domtime" placeholder="*" required/>
				</li>
				<br>
		</ul>
		</div>
		
		<div id="second">
			<div id="top2">
				<img src="/tch/public/static/assetsindex/imgs/265022447802362278.png">
				<p>详情描述：</p>
			</div>
			<textarea name="content" placeholder="请填写报修的详细情况"></textarea>
			<!-- div class="z_photo">
						<div class="z_file">
					
							<input type="file" name="thumb0" id="filed" value="" accept="image/*" multiple onchange="imgChange('z_photo','z_file');" 
							 />
						</div>
					</div> -->

			<!-- <label for="filed"><span class="iconfont icon-tianjiatupian" id="tj"></span></label> -->
      		<!-- <input id="filed" type="file"  accept="image/*" style="display: none;"/> -->
<div id="aaa" style="margin-top: 3rem;margin-left: 1rem">
			<input type="file" class="text"  name="pic[]" id="fiv" style="float: left; width: 4rem" >
			<input type="file" class="text"  name="pic[]" id="fiv" style="display: inline-block; float: left;width: 4rem">
			<input type="file" class="text"  name="pic[]" id="fiv" style="float: left; width: 4rem">
			<img src="" class="xianshi" name="pic" id="xianshi" alt="">
			
			<div id="close"></div>
			</div>
		</div>
		
		<button type="submit">提交</button>
	</form>	
	<div id="bottom">
		<span>&copy; 报修后24小时内如问题未得到满意</span>
		<span>解决或无反馈请拨打一下电话进行咨询物业公司(固定电话)：</span>
		<span>13591783256 后勤管理部：84835077 生活园区管理中心：84832296，84832200</span>
	</div>
		
		<script src="/tch/public/static/assetsindex/js/jquery-3.3.1.min.js"></script>
		<script>
			// function imgChange(obj1, obj2) {
			// 	//获取点击的文本框
			// 	var file = document.getElementById("filed");
			// 	//存放图片的父级元素
			// 	var imgContainer = document.getElementsByClassName(obj1)[0];
			// 	//获取的图片文件
			// 	var fileList = file.files;
			// 	//文本框的父级元素
			// 	var input = document.getElementsByClassName(obj2)[0];
			// 	var imgArr = [];
			// 	//遍历获取到得图片文件
			// 	for (var i = 0; i < fileList.length; i++) {
			// 		var imgUrl = window.URL.createObjectURL(file.files[i]);
			// 		imgArr.push(imgUrl);
			// 		var img = document.createElement("img");
			// 		img.setAttribute("src", imgArr[i]);
			// 		var imgAdd = document.createElement("div");
			// 		imgAdd.setAttribute("class", "z_addImg");
			// 		imgAdd.appendChild(img);
			// 		imgContainer.appendChild(imgAdd);
			// 	};
			// 	imgRemove();
			// };
		
			// function imgRemove() {
			// 	var imgList = document.getElementsByClassName("z_addImg");
			// 	var mask = document.getElementsByClassName("z_mask")[0];
			// 	var cancel = document.getElementsByClassName("z_cancel")[0];
			// 	var sure = document.getElementsByClassName("z_sure")[0];
			// 	for (var j = 0; j < imgList.length; j++) {
			// 		imgList[j].index = j;
			// 		imgList[j].onclick = function() {
			// 			var t = this;
			// 			mask.style.display = "block";
			// 			cancel.onclick = function() {
			// 				mask.style.display = "none";
			// 			};
			// 			sure.onclick = function() {
			// 				mask.style.display = "none";
			// 				t.style.display = "none";
			// 			};
		
			// 		}
			// 	};
			// };


			$(function(){
	$("#area").change(function(){
      	//alert($('#area').val());
		$.ajax({
			type:'post',
			url:"<?php echo url('index/show'); ?>",
			data:{"area":$('#area').val()},
			//dataType:"json",
			success:function(data){
				// alert(data);
				$('#building').html(data);
			}
		});
	});
})

		</script>
	</body>
</html>